<template>
	<div>
		<h2>定义变量</h2>
		<div class="container1">
			<ul>
				<li>1</li>
				<li>2</li>
				<li>3</li>
				<li>4</li>
			</ul>
		</div>
		<h2>嵌套选择器</h2>
		<div class="container2">
			<ul>
				<li><a>1</a></li>
				<li><a>2</a></li>
				<li><a>3</a></li>
				<li><a>4</a></li>
			</ul>
		</div>
		<h2>导入SCSS文件</h2>
		<div class="container3">
			<ul>
				<li><a>1</a></li>
				<li><a>2</a></li>
				<li><a>3</a></li>
				<li><a>4</a></li>
			</ul>
		</div>
		<h2>混合器</h2>
		<div class="container5">
			<ul>
				<li><a>1</a></li>
				<li><a>2</a></li>
				<li><a>3</a></li>
				<li><a>4</a></li>
			</ul>
		</div>
		<h2>继承</h2>
		<div class="container6">
			<ul>
				<li><a>1</a></li>
				<li><a>2</a></li>
				<li><a>3</a></li>
				<li><a>4</a></li>
			</ul>
		</div>
	</div>
</template>

<script></script>

<style></style>
